@import "../../customGlobal.scss";
.ion-page {
    background: transparent none !important;
}
ion-content {
    --background: transparent none !important;
}
.qrscanner {
    background: none;

    &-area {
      width: 100%;
      height: 86%;
    //   background: url(../../assets/scanner.svg) no-repeat center center;
      background: url("../../assets/scanner.svg") no-repeat center center;
      background-size: contain;
    }
  }
.through-line {
    left: 25%;
    width: 50%;
    height: 2px;
    background: red;
    position: absolute;
    animation: myfirst 2s linear infinite alternate;
}
@keyframes myfirst {
    0% {
        background: red;
        top: 30%;
    }
    25% {
        background: yellow;
        top: 35%;
    }
    50% {
        background: blue;
        top: 40%;
    }
    75% {
        background: green;
        top: 45%;
    }
    100% {
        background: red;
        top: 50%;
    }
}
.button-bottom {
    width: 128px;
    position: absolute;
    left: 50%;
    bottom: 80px;
    margin-left: -64px;
    .icon-camera {
        float: left;
    }
}

.titleBar-right-box {
    display: flex;
    align-items: center;
  }
  
  .titleBar-right-box-white {
    @if $appType =="LJ" {
      color: rgba(255, 99, 20, 1);
      height: 1.75rem !important;
      padding: 0 1rem;
      line-height: 1.75rem !important;
      font-size: 0.88rem;
      color: $LJLabelColor;
      background: white;
      border-radius: 1.5rem;
      padding-right: 0px;
    }
  }
  
  .titleBar-textBtn.manager-btn {
    padding-right: 0px;
  }

  .header-icon-img-r{
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
  }

  .header-icon-text{
    font-weight: 400;
    font-size: 0.88rem;
    color: #FFFFFF;
    text-align: left;
  }
  .headerBalck{
    --background:black;
  }